<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常见dom节点元素的获取</title>
</head>
<body>
    <div id="app">hdms</div>
    <a href="">111</a>
    <a href="" name="n2">222</a>
    <a href="" name="n3">333</a>
    <img src="" alt="">
    <img src="" alt="">
    <img src="" alt="">
    <form action=""></form>
    <form action=""></form>
    <script>
        // 获取整个文档
        console.log(document);

        // 获取当前的html
        console.log(document.documentElement);

        // 获取当前的url
        console.log(document.URL);

        // 获取当前的域名
        console.log(document.domain);

        // 获取当前页面是从哪个页面跳转过来的(如果没有，显示当前页面)
        console.log(document.referrer);

        // 获取文档的head
        console.log(document.head);

        // 获取文档的body
        console.log(document.body);

        // 获取文档的标题
        console.log(document.title);

        // 根据id获取元素
        console.log(app);

        // 获取所有的a标签
        console.log(document.links);

        // 获取第二个a标签的内容
        console.log(document.links[1].innerHTML);

        // 获取所有的锚点
        console.log(document.anchors);

        // 获取第一个锚点的内容
        console.log(document.anchors[0].innerHTML);

        // 获取所有的图片
        console.log(document.images);

        // 获取所有的form表单
        console.log(document.forms);
    </script>
</body>
</html>